// 此文件夹是学习，可以不用
// 主要作用是把组件内操作state属性值的时候，相关操作又单独抽离成一个文件

import { connect } from 'react-redux'
import { setVisibilityFilter } from '../actions'
import Link from '../components/Link'

const mapStateToProps = (state, ownProps) => ({
  active: ownProps.filter === state.visibilityFilter
})

const mapDispatchToProps = (dispatch, ownProps) => ({
  onClick: () => dispatch(setVisibilityFilter(ownProps.filter))
})

// 这是拆成二个文件（可以在组件内完成以上写法）
// 最终 redux连接的时候合并进去，把二个函数和组件todoList合并灌入
export default connect( mapStateToProps, mapDispatchToProps)(Link)
